import 'package:flutter/material.dart';

///Row 水平布局控件,能够将子控件水平排列
///Row子控件有灵活和不灵活两种,Row首先列出不灵活的子控件,减去他们的总宽度,计算还有多少可用的宽度,然后Row再分配灵活控件
///要控制灵活子控件,需要使用Flexible控件
void main() {
  runApp(MaterialApp(
    title: 'Flutter教程03-4',
    home: LayoutDemo(),
  ));
}

class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('水平方向布局'),
      ),
      body: Column(//Row
        children: <Widget>[
          RaisedButton(
            onPressed: () {
              print('点击红色按钮事件');
            },
            color: Colors.red,
            child: Text('红色按钮'),
          ),
          Expanded(
            flex: 40,
            child: RaisedButton(
              onPressed: () {
                print('点击黄色按钮事件1');
              },
              color: Colors.yellow,
              child: Text('黄色按钮1'),
            ),
          ),
          Expanded(
            flex: 30,
            child: RaisedButton(
              onPressed: () {
                print('点击绿色按钮事件2');
              },
              color: Colors.green,
              child: Text('绿色按钮2'),
            ),
          ),
          RaisedButton(
            onPressed: () {
              print('点击粉色按钮事件');
            },
            color: Colors.pink,
            child: Text('粉色按钮'),
          )
        ],
      ),
    );
  }
}
